import EchartsMain from "@/components/common/EchartsMain"
import ItemMoudle from "@/components/common/ItemModule"
import TitleMain from "@/components/common/TitleMain"
import * as echarts from 'echarts/core';
const FilingStatus = () => {
  return <ItemMoudle
    className="w-[384px]"
    childClassName="h-[255px] flex items-center justify-between"
    header={
      <TitleMain title="备案情况" />
    }
  >
    <EchartsMain option={{
      legend: {
        data: ['网站备案', 'IP备案'],
        bottom:0,
        left:'center'
      },
      grid:{
        bottom:50
      },
      series: [

        {
          name: '网站备案',
          stack: 'Total',
          data: [0, 2, 23, 34, 12, 3, 23, 13, 23, 67],
          type: 'line',
          // symbol: 'triangle', // 设置数据点的形状为三角形
          symbolSize: 1, // 设置数据点的大小
          areaStyle: {
            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
              {
                offset: 0,
                color: 'rgba(24, 144, 255, 0.4)'
              },
              {
                offset: 1,
                color: 'rgba(24, 144, 255, 0)'
              }
            ])
          },
        },
        {
          name: 'IP备案',
          stack: 'Total',
          data: [10, 2, 34, 5, 6, 23, 8, 9, 0, 32],
          type: 'line',
          // symbol: 'triangle', // 设置数据点的形状为三角形
          symbolSize: 1, // 设置数据点的大小
          areaStyle: {
            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
              {
                offset: 0,
                color: 'rgba(24, 144, 255, 0.4)'
              },
              {
                offset: 1,
                color: 'rgba(24, 144, 255, 0)'
              }
            ])
          },
        },
      ]
    }} />



  </ItemMoudle>
}

export default FilingStatus